
import { Form, Input, Button, Checkbox } from 'antd'


import './index.css'

const Login = () => {
    const onFinish = (values) => {
        console.log('Received values of form: ', values);
    }
    return (
        <div>
            <Form
                name="normal_login"
                className="login-form"
                initialValues={{ remember: true }}
                onFinish={onFinish}
            >
                <Form.Item
                    name="username"
                    rules={[{ required: true, message: '请输入正确的手机号!' }]}
                >
                    <Input placeholder="请输入手机号!" />
                </Form.Item>
                <Form.Item
                    name="password"
                    rules={[{ required: true, message: '请输入正确的验证码!' }]}
                >
                    <Input

                        type="password"
                        placeholder="请输入验证码"
                    />
                </Form.Item>
                <Form.Item>
                    <Form.Item name="remember" valuePropName="checked" noStyle>
                        <Checkbox>快点同意我们的协议</Checkbox>
                    </Form.Item>

                </Form.Item>

                <Form.Item>
                    <Button type="primary" htmlType="submit" className="login-form-button">
                        登录
                    </Button>

                </Form.Item>
            </Form>
        </div>
    )
}

export default Login
